<template>
  <div class="i_bg bg_color">
    <div class="i_ban_bg">
      <!--Begin Banner Begin-->
      <div class="banner">
        <div class="top_slide_wrap">
          <ul class="slide_box bxslider">
            <li>
              <img
                :src="require('@/assets/images/ban1.jpg')"
                width="740"
                height="401"
              />
            </li>
          </ul>
          <div class="op_btns clearfix">
            <a href="#" class="op_btn op_prev"><span></span></a>
            <a href="#" class="op_btn op_next"><span></span></a>
          </div>
        </div>
      </div>

      <!--End Banner End-->
      <div class="inews">
        <div class="news_t">
          <span class="fr"><a href="#">更多 ></a></span
          >新闻资讯
        </div>
        <ul>
          <li><span>[ 特惠 ]</span><a href="#">掬一轮明月 表无尽惦念</a></li>
          <li><span>[ 公告 ]</span><a href="#">好奇金装成长裤新品上市</a></li>
          <li><span>[ 特惠 ]</span><a href="#">大牌闪购 · 抢！</a></li>
          <li><span>[ 公告 ]</span><a href="#">发福利 买车就抢千元油卡</a></li>
          <li><span>[ 公告 ]</span><a href="#">家电低至五折</a></li>
        </ul>
        <div class="charge_t">
          话费充值
          <div class="ch_t_icon"></div>
        </div>
        <form>
          <table
            style="width: 205px; margin-top: 10px"
            cellspacing="0"
            cellpadding="0"
          >
            <tr height="35">
              <td width="33">号码</td>
              <td><input type="text" value="" class="c_ipt" /></td>
            </tr>
            <tr height="35">
              <td>面值</td>
              <td>
                <select class="jj" name="city">
                  <option value="0" selected="selected">100元</option>
                  <option value="1">50元</option>
                  <option value="2">30元</option>
                  <option value="3">20元</option>
                  <option value="4">10元</option>
                </select>
                <span style="color: #ff4e00; font-size: 14px">￥99.5</span>
              </td>
            </tr>
            <tr height="35">
              <td colspan="2">
                <input type="submit" value="立即充值" class="c_btn" />
              </td>
            </tr>
          </table>
        </form>
      </div>
    </div>
    <!-- 热门 begin -->
    <top-products-vue></top-products-vue>
    <!-- 热门 end -->
    <!-- 限时特卖 begin -->
    <flash-sales-vue></flash-sales-vue>
    <!-- 限时特卖 end -->
    <!-- 楼层商品 begin -->
    <floor-products-vue></floor-products-vue>
    <!-- 楼层商品 end -->
  </div>
</template>

<script>
import TopProductsVue from '@/components/TopProducts.vue';
import FlashSalesVue from '@/components/FlashSales.vue';
import FloorProductsVue from '@/components/FloorProducts.vue';

//添加注示
export default {
  name: "IndexView",
  components:{
    TopProductsVue,
    FlashSalesVue,
    FloorProductsVue
  }
};
</script>

<style></style>